

body{
    background-color: #fff;
}
// 头部
header {
    height: 0.8rem;
    background-image: linear-gradient(to right, #6938f1, #e125fa);
    a{
        margin-right:0.2rem;
       

        img {
            width: 0.6rem;
            height: 0.6rem;
        }
    }
     h2 {
         font-size: 0.3rem;
         color: #fff;
     }
   
}

// 导航栏
.nav{
    margin-top: 15px;
    font-size: 0.28rem;
    background-color: #f5f5f5;
    height: 40px;
    line-height: 40px;
    padding-left: 5px;
    a{
        display: inline-block;
        padding: 0 5px;
    }
    div{
        display: inline-block;
    }
    
}

// 内容
.content{
    // height: 100%;
    // width: 100%;
    ul{
        
        margin-top: 15px;
        li{
            width: 32.6%;
            float: left;
            border: 1px solid #ccc;
            margin: 1px;
            a{
                display: block;
                text-align:center;
                img{
                  width: 50px;
                  height: 50px;  
                //   display: inline;
               margin: 5px auto;
                  vertical-align: middle;
                  
                }
                p{
                    font-size: 0.24rem;
                    margin-top: 5px;
                    color: #666;
                }
            }
        }
    }
}

// 底部
footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    .footer_nav {
        a {
            height: 0.5rem;
            line-height: 0.5rem;
            background-image: linear-gradient(to right, #6938f1, #e125fa);
        }
    }
}